<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/top.css"/>
		<style type="text/css">
		   	@font-face {
		   		font-family:debiao;
		   		src: url("font/MFYueHei_Noncommercial-Regular.ttf") format("TrueType");
		   	}
			* {
				margin: 0px;
				padding: 0px;
				box-sizing: border-box;
				font-size: 12px;
			}
			
			#header {
				margin: auto;
				width: 960px;
				height: 150px;
				background-color: orange;
			}
			
			#content {
				margin: auto;
				width: 960px;
				/*height: 560px;*/
				/*background-color: orchid;*/
			}
			
			#footer {
				margin: auto;
				width: 960px;
				height: 56px;
				border: 1px solid;
				/*background-color: burlywood;*/
			}
			
			#content-top {
				width: 100%;
			}
			
			#content-bottom {
				float: left;
				width: 100%;
				height: 370px;
			}
			
			#content-top-head {
				width: 100%;
				height: 35px;
				/*border: 1px solid;*/
			}
			
			#content-top-head div {
				margin: 0px 5px;
				margin-top: 8px;
				margin-left: 28px;
				display: inline-block;
			}
			
			#content-top-content {
				width: 100%;
			}
			
			#content-top-content-1 {
				width: 100%;
				height: 23px;
				background-color: #FDF9ED;
				line-height: 23px;
				text-indent: 1em;
				border: 1px solid #999999;
			}
			
			#content-top-content-2 {
				width: 100%;
				/*height: 132px;*/
				/*padding: 0px 26px;*/
				/*background-color: hotpink;*/
			}
			
			#content-bottom-main {
				width: 100%;
				overflow: hidden;
				border: 2px solid #999999;
			}
			
			#content-bottom-head {
				width: 100%;
				height: 40px;
				font-size: 15px;
				font-weight: bold;
				padding-top: 18px;
			}
			
			#content-bottom-content {
				width: 100%;
				/*height: 330px;*/
			}
			
			#content-bottom-content-1 {
				width: 100%;
				height: 27px;
				background-color: #D8E4C6;
			}
			
			#content-bottom-content-1 span {
				line-height: 27px;
				height: 27px;
				float: left;
				display: block;
				/*border: 1px solid;*/
				text-indent: 2em;
				width: 10%;
			}
			
			#content-bottom-content-1 span:first-child {
				width: 50%;
			}
			
			.content-bottom-content-2 {
				width: 100%;
				height: 27px;
				background-color: #D8E4C6;
			}
			
			.content-bottom-content-2 span {
				line-height: 40px;
				height: 40px;
				float: left;
				display: block;
				text-indent: 2em;
				width: 10%;
				background-color: white;
				border-bottom: 1px dashed black;
			}
			
			.content-bottom-content-2 span:first-child {
				width: 50%;
				color: #1965B3;
				cursor: pointer;
			}
			
			.content-bottom-content-2 span:first-child:hover {
				text-decoration: underline;
			}
			
			.content-bottom-content-2 span:last-child:hover {
				text-decoration: underline;
			}
			
			.content-bottom-content-2 span:last-child {
				color: red;
				cursor: pointer;
			}
			
			#content-bottom-content-3 {
				float: left;
				width: 100%;
				height: 62px;
				padding: 10px 0px;
				background-color: #D8E4C6;
			}
			
			#content-bottom-content-3>span {
				float: left;
				height: 100%;
				display: block;
				line-height: 41px;
			}
			
			#sp1 div {
				margin-right: 5px;
				line-height: 20px;
				float: right;
				/*border: 1px solid;*/
				list-style: none;
			}
			
			.zongji {
				font-size: 14px;
				font-weight: bold;
				line-height: 40px;
				list-style: none;
				display: block;
				float: left;
				margin-left: 1em;
			}
			
			#content-bottom-content-3 img {
				margin-left: 7px;
				cursor: pointer;
			}
			
			#content-top-content-2 div {
				width: 50%;
				height: 132px;
				float: left;
				padding: 0px 13px;
				border: 1px solid #999999;
				border-top: 0px;
				border-right: 1px dotted;
				list-style: none;
			}
			
			#content-top-content-2 li span {
				width: 16%;
				float: left;
				text-align: right;
				margin-top: 12px;
				/*border: 1px solid;*/
			}
			
			#special {
				text-decoration: line-through;
				color: #999999;
			}
			
			#content-top-content-2 div li span:first-child {
				cursor: pointer;
				color: #1965B3;
			}
			
			#content-top-content-2 div li span:last-child {
				cursor: pointer;
			}
			
			#content-top-content-2 div li span:last-child:hover {
				text-decoration: underline;
			}
			
			#content-top-content-2 div li span:first-child:hover {
				text-decoration: underline;
			}
			
			.btn1 {
				height: 19px;
				width: 12px;
				background-color: white;
				outline-style: none;
				border: 0px;
				line-height: 19px;
			}
			
			.btn2 {
				height: 19px;
				width: 12px;
				background-color: white;
				outline-style: none;
				border: 0px;
				line-height: 19px;
			}
			
			.btn1:hover {
				cursor: pointer;
			}
			
			.btn2:hover {
				cursor: pointer;
			}
			
			.txt {
				text-align: center;
			}
			#content-top-content-1 div{
				display: inline-block;
			}
			#im{
				margin-left: 710px;
				cursor: pointer;
			}
			#content-top-head span{
				cursor: pointer;
			}
			#content-top-head span:hover{
				text-decoration: underline;
			}
		</style>
		
		<script type="text/javascript">
			function yincang(th){
				var c= document.getElementById("content-top-content-2");
//				var img = document.getElementById("im");
				if (c.style.display=="none") {
					c.style.display="block";
					th.setAttribute("src","img/shopping_arrow_up.gif");
				} else{
					c.style.display="none"
					th.setAttribute("src","img/shopping_arrow_down.gif");
				}
			}
			function goumai(spans) {
				var a = document.getElementById("content-bottom-content");
				//				var divs = a.children
				//				var b = document.getElementById("content-top-content-2");
				var lis = spans.parentNode;
				var content1 = lis.children[0].innerHTML;
				var content2 = lis.children[1].innerHTML;
				var content3 = lis.children[2].innerHTML;
				var divmain = document.createElement("div");
				divmain.setAttribute("class", "content-bottom-content-2");
				var span1 = document.createElement("span");
				span1.innerHTML = content1;
				var span2 = document.createElement("span");
				span2.innerHTML = content3;
				var span3 = document.createElement("span");
				span3.innerHTML = content2;
				span3.setAttribute("style", "text-decoration: line-through;color: #999999;")
				var span4 = document.createElement("span");
				span4.innerHTML = content3;
				var span5 = document.createElement("span");
				var span6 = document.createElement("span");
				span6.innerHTML = "删除";
				span6.setAttribute("onclick", "dellow(this)");
				var tx = document.createElement("input");
				tx.type = "text";
				tx.size = "1";
				tx.value = "1";
				tx.setAttribute("onblur", "jisuan(this)");
				tx.setAttribute("class","txt");
				var btn1 = document.createElement("input");
				btn1.type="button";
				btn1.setAttribute("class","btn2");
				btn1.size="1";
				btn1.value = "-";
				btn1.setAttribute("onclick","jian(this)");
				var btn2 = document.createElement("input");
				btn2.type="button";
				btn2.setAttribute("class","btn1");
				btn2.size="1";
				btn2.value = "+";
				btn2.setAttribute("onclick","jia(this)");
				span5.appendChild(btn1);
				span5.appendChild(tx);
				span5.appendChild(btn2);
				divmain.appendChild(span1);
				divmain.appendChild(span2)
				divmain.appendChild(span3)
				divmain.appendChild(span4)
				divmain.appendChild(span5)
				divmain.appendChild(span6)
				a.appendChild(divmain);
				jiesheng();
				zhekou();
				dpjifen();

				function zhekou() {
					var shichangjia = parseFloat(content2.replace("￥", ""));
					var dangdangjia = parseFloat(content3.replace("￥", ""));
					var zhekou = ((dangdangjia / shichangjia) * 100).toFixed(0);
					span4.setAttribute("title", zhekou + "折");
				}

				function dpjifen() {
					var dpjifen = parseFloat(content3.replace("￥", "")) * 10;
					span2.setAttribute("title", "单品积分：" + dpjifen + "分");
				}
			}

			function dellow(th) {
				var a = confirm("确定要删除此商品么？")
				if (a==true) {
					var main = document.getElementById("content-bottom-content");
				//				var div = th.parentNode;
				main.removeChild(th.parentNode);
				} else{
					
				}
				
				jiesheng();
			}

			function jisuan(suan) {
				var div = suan.parentNode.parentNode;
				var ji = div.children[3].innerHTML;
				var jiagee = ji.replace("￥", "")
				var shuliang = suan.value;
				var zongjia = shuliang * parseFloat(jiagee);
				div.children[1].innerHTML = "￥" + zongjia.toFixed(2);
				jiesheng();
			}

			function jiesheng() {
				var sum = 0;
				var sum1 = 0;
				var div = document.getElementsByClassName("content-bottom-content-2");
				//				console.log(div[0]);
				for (var i = 0; i < div.length; i++) {
					var spans = div[i];
					var d = spans.children[2].innerHTML;
					var shichangjia = d.replace("￥", "");
					var e = spans.children[3].innerHTML;
					var dangdangjia = e.replace("￥", "");
					var g = spans.children[1].innerHTML;
					var jiage = parseFloat(g.replace("￥", ""));
					var f = spans.children[4].children[1].value;
					var shuliang = f.replace("￥", "");
					var jieshengjia = (shichangjia - dangdangjia) * shuliang;
					sum += jieshengjia;
					sum1 += jiage;
				}
				var jifen = sum1 * 10
//				console.log(sum);
//				console.log(jifen);
//				console.log(sum1);
				var g = document.getElementById("content-bottom-content-3");
				//节省价格
				g.firstElementChild.firstElementChild.firstElementChild.innerHTML = "￥" + sum.toFixed(2);
				//总价格
				g.children[1].lastElementChild.innerHTML = "￥" + sum1.toFixed(2);
				//总积分
				g.firstElementChild.firstElementChild.lastElementChild.innerHTML = jifen.toFixed(0);
			}

			function jia(ad) {
				var di = ad.parentNode.parentNode;
				var tx = ad.parentNode.children[1];
				//加一后的数量
				var txs = (tx.value)*1 + 1;
				//数量
				tx.value = txs;
				var shic = ((di.children[3].innerHTML.replace("￥",""))*1).toFixed(2);
				var jg = (shic*txs).toFixed(2);
				di.children[1].innerHTML="￥"+jg;
				var sum = 0;
				var sum1 = 0;
				var div = document.getElementsByClassName("content-bottom-content-2");
				
				//				console.log(div[0]);
				for (var i = 0; i < div.length; i++) {
					var spans = div[i];
					var d = spans.children[2].innerHTML;
					var shichangjia = d.replace("￥", "");
					var e = spans.children[3].innerHTML;
					var dangdangjia = e.replace("￥", "");
					var g = spans.children[1].innerHTML;
					var jiage = parseFloat(g.replace("￥", ""));
					var f = spans.children[4].children[1].value;
					var shuliang = f.replace("￥", "");

//					var jieshengjia = (shichangjia - dangdangjia) * shuliang;
//					sum += jieshengjia;
					sum1 += jiage;
					console.log(sum1);
				}
				
				var jifen = sum1 * 10
				var g = document.getElementById("content-bottom-content-3");
				g.children[1].lastElementChild.innerHTML = "￥" + sum1.toFixed(2);
				g.firstElementChild.firstElementChild.lastElementChild.innerHTML = jifen.toFixed(0);
				jiesheng();
			}
			
			function xianshi(th) {
				var div = th.parentNode.children[1];
				if (div.style.display == "none") {
					th.setAttribute("src", "img/shopping_arrow_up.gif")
					div.style.display = "block";
				} else {
					div.style.display = "none";
					th.setAttribute("src", "img/shopping_arrow_down.gif")
				}
			}
			function jian(ji){
				var di = ji.parentNode.parentNode;
				var tx = ji.parentNode.children[1];
				//加一后
				if ((tx.value)*1 == 1) {
					var txs = 1
				} else{
					var txs = (tx.value)*1-1;
				}
				
				//数量
				tx.value = txs;
				var shic = ((di.children[3].innerHTML.replace("￥",""))*1).toFixed(2);
				var jg = (shic*txs).toFixed(2);
				di.children[1].innerHTML="￥"+jg;
				var sum = 0;
				var sum1 = 0;
				var div = document.getElementsByClassName("content-bottom-content-2");
				
				//				console.log(div[0]);
				for (var i = 0; i < div.length; i++) {
					var spans = div[i];
					var d = spans.children[2].innerHTML;
					var shichangjia = d.replace("￥", "");
					var e = spans.children[3].innerHTML;
					var dangdangjia = e.replace("￥", "");
					var g = spans.children[1].innerHTML;
					var jiage = parseFloat(g.replace("￥", ""));
					var f = spans.children[4].children[1].value;
					var shuliang = f.replace("￥", "");

//					var jieshengjia = (shichangjia - dangdangjia) * shuliang;
//					sum += jieshengjia;
					sum1 += jiage;
					console.log(sum1);
				}
				
				var jifen = sum1 * 10
				var g = document.getElementById("content-bottom-content-3");
				g.children[1].lastElementChild.innerHTML = "￥" + sum1.toFixed(2);
				g.firstElementChild.firstElementChild.lastElementChild.innerHTML = jifen.toFixed(0);
				jiesheng();
			}
		</script>
	</head>

	<body style="font-family:debiao;">
		<div id="x_deaf">
			<div id="head">
				<span style="margin-left: 8px;">您好！欢迎光临当当网</span>
				<a class="header-aa" href="login.html" style=" padding = 0px ;margin-left: 2px;">[登陆</a><span>〡</span>
				<a class="header-aa" href="register.html" style="border-right: 0px;">免费注册]</a>
				<div id="head-right">
					<img style=" position: relative;top: 4px;" src="img/dd_header_shop.gif" />
					<a href="shopping.html">购物车</a><span>〡</span>
					<a href="#">个性化推荐</a><span>〡</span>
					<a href="#">礼品卡</a><span>〡</span>
					<a href="#">团购</a><span>〡</span>
					<a id="caidan" style="text-decoration: none;"> 我的当当 <img style=" position: relative;top: 4px; display: inline-block;" src="img/shopping_arrow_down.gif" onclick="xianshi(this)"/>
						<div style="display: none;font-size: 12px;">
						<li>我的订单</li>
						<li>账户余额</li>
						<li>购物礼劵</li>
						<li>我的积分</li>
						</div>
					</a><span>〡</span>
					<a href="#" style="border: none; padding-left:8px ;">帮助</a>
				</div>
			</div>
			<div class="x_art">
				<div id="x_house">
					<img src="img/dd_logo.gif" class="x_shizhoun">
					<ul class="x_sjixjouul">
						<a href="index.html">
							<li>首页</li>
						</a>
						<a>
							<li>|</li>
						</a>
						<a href="product.html">
							<li>图书</li>
						</a>
						<a>
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>音乐</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>影视</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>运动</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>服饰</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>家居</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>美妆</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>母婴</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>食品</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>数码家电</li>
						</a>
					</ul>
				</div>
				<div class="x_rest">
					<ul class="x_gest">
						<li class="x_load">
							<a href="javascript:;">商店街</a>
						</li>
						<li class="x_load1">
							<a href="javascript:;">促销</a>
						</li>
						<li class="x_load2">
							<a href="javascript:;">当当</a><img src="img/dd_header_top.png"></li>
						<li class="x_load3">
							<a href="javascript:;">社区</a>
						</li>
						<li class="x_load4">
							<a href="javascript:;">在线读书</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="x_foon">
				<div class="x_poop">
					<ul>
						<a href="javascript:;">
							<li>小说</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>青春</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>历史</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>保健</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>少儿</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>旅游</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>期刊</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="product.html">
							<li>图书畅销榜</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>热书畅销榜</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>特价书</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>图书促销</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
						<a href="javascript:;">
							<li>所有图书分类</li>
						</a>
						<a href="javascript:;">
							<li>|</li>
						</a>
					</ul>
				</div>
			</div>
			<div class="x_munm">
				<ul class="x_visit">
					<li class="list-img "><input class="input-tex" type="text"></li>
					<li><img class="x_huu" src="img/dd_header_search_btn.jpg"></li>
					<li class="list-img"><img src="img/dd_arrow_right.gif"></li>
					<a href="javascript:;">
						<li>高级搜索</li>
					</a>
					<li  class="list-img">|</li>
					<li><img class="x_huu1" src="img/dd_header_search_top.jpg"></li>
					<a href="javascript:;">
						<li>雅思</li>
					</a>
					<a href="javascript:;">
						<li>|</li>
					</a>
					<a href="javascript:;">
						<li>建造师</li>
					</a>
					<a href="javascript:;">
						<li>|</li>
					</a>
					<a href="javascript:;">
						<li>中里巴人</li>
					</a>
					<a href="javascript:;">
						<li>|</li>
					</a>
					<a href="javascript:;">
						<li>注会</li>
					</a>
					<a href="javascript:;">
						<li>|</li>
					</a>
					<a href="javascript:;">
						<li>新概念英语</li>
					</a>
					<a href="javascript:;">
						<li>|</li>
					</a>
					<a href="javascript:;">
						<li>更多&gt;&gt;</li>
					</a>
				</ul>
			</div>
		</div>
		<div id="content">
			<div id="content-top">
				<div id="content-top-head">
					<div><img src="img/shopping_myshopping.gif" /></div>
					<span>全场免费活动中</span>
				</div>
				<div id="content-top-content">
					<div id="content-top-content-1">
						<div>根据您挑选的，当当网为您推荐</div>
						<div id="im"><img onclick="yincang(this)" src="img/shopping_arrow_up.gif"/></div>
					</div>
					<div id="content-top-content-2" style="display: block;">
						<div>
							<li>
								<span style="width: 50%;text-align: left;">JavaScript DOM编程艺术</span>
								<span id="special">￥39.00</span>
								<span>￥29.30</span>
								<span onclick="goumai(this)" style="color: red;">购买</span>
							</li>
							<li>
								<span style="width: 50%;text-align: left;">解禁（当当网独家首发）</span>
								<span id="special">￥28.00</span>
								<span>￥19.40</span>
								<span onclick="goumai(this)" style="color: red;">购买</span>
							</li>
							<li>
								<span style="width: 50%;text-align: left;">地王之王（）金融危机下房地产行</span>
								<span id="special">￥32.80</span>
								<span>￥25.10</span>
								<span onclick="goumai(this)" style="color: red;">购买</span>
							</li>
							<li>
								<span style="width: 50%;text-align: left;">逃庄</span>
								<span id="special">￥36.00</span>
								<span>￥27.70</span>
								<span onclick="goumai(this)" style="color: red;">购买</span>
							</li>
						</div>
						<div style="border-right: 1px solid #999999; border-left: none;">
							<li>
								<span style="width: 50%;text-align: left;">深入浅出的MySQL数据库开发</span>
								<span id="special">￥59.00</span>
								<span>￥47.20</span>
								<span onclick="goumai(this)" style="color: red;">购买</span>
							</li>
							<li>
								<span style="width: 50%;text-align: left;">大玩家（马未都、王刚推荐！央...）</span>
								<span id="special">￥34.80</span>
								<span>￥20.60</span>
								<span onclick="goumai(this)" style="color: red;">购买</span>
							</li>
							<li>
								<span style="width: 50%;text-align: left;">都市风水师--官场风水小说：一..</span>
								<span id="special">￥39.80</span>
								<span>￥30.50</span>
								<span onclick="goumai(this)" style="color: red;">购买</span>
							</li>
							<li>
								<span style="width: 50%;text-align: left;">国戏（以麻将术语解读宦海沉浮..</span>
								<span id="special">￥25.00</span>
								<span>￥17.30</span>
								<span onclick="goumai(this)" style="color: red;">购买</span>
							</li>
						</div>
					</div>
				</div>
			</div>
			<div id="content-bottom">
				<div id="content-bottom-head">
					您已选购以下商品
				</div>
				<div id="content-bottom-main">
					<div id="content-bottom-content">
						<div id="content-bottom-content-1">
							<span>商品名</span>
							<span>价格</span>
							<span>市场单价</span>
							<span>当当单价</span>
							<span>数量</span>
							<span>删除</span>
						</div>
						<div class="content-bottom-content-2">
							<span>私募（首尔披露资本博弈秘密的金融...）</span>
							<span title="单品积分：189 分">￥18.90</span>
							<span style="text-decoration: line-through;color: #999999;">￥32.00</span>
							<span title="59折">￥18.90</span>
							<span><input class="btn2" type="button" size="1" value="-" onclick="jian(this)"><input onblur="jisuan(this)" type="text" size="1" value="1" class="txt"/><input class="btn1" type="button" size="1" value="+" onclick="jia(this)"></span>
							<span onclick="dellow(this)">删除</span>
						</div>
						<div class="content-bottom-content-2">
							<span>小团圆（张爱玲最神秘小说遗稿）</span>
							<span title="单品积分：173 分">￥17.30</span>
							<span style="text-decoration: line-through;color: #999999;">￥28.00</span>
							<span title="62折">￥17.30</span>
							<span><input class="btn2" type="button" size="1" value="-" onclick="jian(this)"><input onblur="jisuan(this)" type="text" size="1" value="1" class="txt" /><input class="btn1" type="button" size="1" value="+" onclick="jia(this)"></span>
							<span onclick="dellow(this)">删除</span>
						</div>
						<div class="content-bottom-content-2">
							<span>不抱怨的世界（畅销全球80国的世界..）</span>
							<span title="单品积分：154 分">￥15.40</span>
							<span style="text-decoration: line-through;color: #999999;">￥24.80</span>
							<span title="62折">￥15.40</span>
							<span><input class="btn2" type="button" size="1" value="-" onclick="jian(this)"><input onblur="jisuan(this)" type="text" size="1" value="1" class="txt"/><input class="btn1" type="button" size="1" value="+" onclick="jia(this)"></span>
							<span onclick="dellow(this)">删除</span>
						</div>
						<div class="content-bottom-content-2">
							<span>福玛特双筒洗衣机XPB20-07S</span>
							<span title="单品积分：3580 分">￥358.00</span>
							<span style="text-decoration: line-through;color: #999999;">￥458.00</span>
							<span title="78折">￥358.00</span>
							<span><input class="btn2" type="button" size="1" value="-" onclick="jian(this)"><input onblur="jisuan(this)" type="text" size="1" value="1" class="txt"/><input class="btn1" type="button" size="1" value="+" onclick="jia(this)"></span>
							<span onclick="dellow(this)">删除</span>
						</div>
						<div class="content-bottom-content-2">
							<span>PHP和MySQL Web开发（原书第4版）</span>
							<span title="单品积分：712 分">￥71.20</span>
							<span style="text-decoration: line-through;color: #999999;">￥95.00</span>
							<span title="75折">￥71.20</span>
							<span><input class="btn2" type="button" size="1" value="-" onclick="jian(this)"><input onblur="jisuan(this)" type="text" size="1" value="1" class="txt"/><input class="btn1" type="button" size="1" value="+" onclick="jia(this)"></span>
							<span onclick="dellow(this)">删除</span>
						</div>
						<div class="content-bottom-content-2">
							<span>法布尔昆虫记</span>
							<span title="单品积分：1307 分">￥130.70</span>
							<span style="text-decoration: line-through;color: #999999;">￥198.00</span>
							<span title="66折">￥130.70</span>
							<span><input class="btn2" type="button" size="1" value="-" onclick="jian(this)"><input onblur="jisuan(this)" type="text" size="1" value="1" class="txt"/><input class="btn1" type="button" size="1" value="+" onclick="jia(this)"></span>
							<span onclick="dellow(this)">删除</span>
						</div>
					</div>
					<div id="content-bottom-content-3">
						<span id="sp1" style="width: 65%;border-right: 1px solid;">
							<div>
								<li style="color: red;">$200.50</li><li style="color: red;">6115</li>
							</div>
							<div>
								<li>您共节省：</li><li>可获商品积分：</li>
							</div>
							
						</span>
						<span style="width: 23%;"><li class="zongji">商品金额总计：</li><li class="zongji" style="color: red;">￥611.50</li></span>
						<span style="width: 12%;"><img src="img/shopping_balance.gif"/></span>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="x_gyun">
				<a href="#">公司简介</a>
				<a href="#">|</a>
				<a href="#">诚证英才</a>
				<a href="#">|</a>
				<a href="#">网站联盟</a>
				<a href="#">|</a>
				<a href="#">百货招商</a>
				<a href="#">|</a>
				<a href="#">交易条款</a>
			</div>
			<div class="footer_end">Copyright (C) 当当网 2004-2009, All Rights Reserved <img src="img/validate.gif" alt="版权" style="vertical-align:middle;" /> 京ICP证041189号 音像制品经营许可证 京音网8号</div>
		</footer>	</body>

</html>